<!-- reportingResults -->
<template>
    <div class="page">
        <!-- 导航栏 -->
        <div class="navBar">
            <customNavBar :leftTetx=leftTetx :titleTest=titleTest></customNavBar>
        </div>
        <!-- 页面内容 -->
        <div class="content">
            <div style="margin-top: 61px;">
                <van-image width=64vw height=53vw src="./src/assets/img/features/viewReport.png" />
                <!--
                    src="./src/assets/img/features/viewReport.png"
                    src="./src/assets/img/features/unlockReport.png"  
                -->
            </div>

            <div
                style="margin-top: 36px; font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 200; color: #222222;">
                <span>{{ spanOne }}</span>
                <a style="color:rgba(0,125, 250, 1);" href="http://www.datutusuibi.com/" target="_blank">{{ aText }}</a>
            </div>

            <div>
                <van-progress class="progress" :percentage="70" :show-pivot=false stroke-width="12" />
                <div
                    style="margin-top: 22px; font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 200; color: #222222;">
                    生成报告中，请稍后…
                </div>
            </div>

            <div>
                <van-progress class="progress" :percentage="70" :show-pivot=false stroke-width="12" />
                <div
                    style="margin-top: 22px; font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 200; color: #222222;">
                    详版报告解锁中，请稍后…
                </div>
            </div>

        </div>
    </div>
</template>

<script lang="ts" setup name="reportingResults">
import { useRouter, useRoute } from "vue-router"
import { Toast } from '/@/utils/Message';
import { onMounted } from "vue"
import { reactive, ref } from 'vue'
import customNavBar from "/src/components/NavBar/customNavBar.vue"
const router = useRouter()
const route = useRoute()
const leftTetx = ref("")
const titleTest = ref("报告生成结果")


// const spanOne = ref("生成报告中，")
// const spanTwo = ref("请稍后...")
// const aText = ref("")


const spanOne = ref("已生成报告，请")
const aText = ref("查看报告")

</script>

<!-- less嵌套设置 -->
<style lang="less" scoped>
.page {
    background-color: #FFFFFF;
    height: 100vh;
    width: 100vw;

    .content {
        width: 100%;
        padding-top: 68px;
        overflow: hidden;

        .progress {
            margin-top: 36px;
            margin-left: 20%;
            margin-right: 20%;

        }

    }
}
</style>

